<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>私货</title>

    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            color: #323233;
            font-size: 16px;
            font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
            background-color: #f7f8fa;
            -webkit-font-smoothing: antialiased;
        }

        main {
            box-sizing: border-box;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        li {
            padding: 10px;
            margin: 10px;
        }

        li a {
            display: inline-block;
            width: 100%;
            text-decoration: none;
        }

        .link {
            transition: all .25s ease-in-out;
        }

        .link:hover {
            border-radius: 999px;
            color: #00beff;
            background-color: rgba(0, 190, 255, 0.22);
        }

    </style>
  </head>
  <body>

    <!--内容层-->
    <main>
      <ul style="list-style: none">
        <li class="link"><a href="https://angcyo.gitee.io/ua">UA查看</a></li>
        <li><a href="https://api.isoyu.com/"><img src="https://api.isoyu.com/ip_images.php"/></a></li>
      </ul>
    </main>

  </body>

  <script crossorigin="anonymous"
          integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
          src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

  <script>

  </script>

</html>
